<template>
	<div id="app">
		<div class="content" :class="{tabar: $route.meta.footShow}">
			<router-view v-if="isRouterAlive" />
		</div>
		<v-tabar></v-tabar>
	</div>
</template>

<script>
import tabar from '@/components/main/tabar'
export default {
	name: 'App',
	provide() {
		return {
			reload: this.reload,
		}
	},
	data() {
		return {
			isRouterAlive: true,
		}
	},
	components: {
		'v-tabar': tabar,
	},
	methods: {
		reload() {
			var that = this
			that.isRouterAlive = false
			that.$nextTick(() => {
				that.isRouterAlive = true
			})
		},
	},
}
</script>

<style lang="less">
#app {
	height: 100%;
}
body{
	font-family:'微软雅黑'
}
.content.tabar {
	margin-bottom: 76px;
}
</style>
